<?xml version='1.0' encoding='ISO-8859-1' ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:composition template="/pages/core/plantilla/plantillaPrincipal.xhtml">
        <ui:define name="contenido">        
            <SCRIPT language="JavaScript" type="text/javascript">
                   
                function abrirPopupExp(xhr, status, args) {                     
                    if(args.validationFailed || !args.CallbackParam) {  
     
                    } else {                              
                        carDialogExp.show();  
                    }  
                }  
            </SCRIPT>
                <h:form onsubmit="return checkSubmit();"  id="frmPrincipal" styleClass="formulario">                     
                    <p:panel id="pnlPrincipal" header="#{i18n['documento.venta.xcobrar.titulo']}"  style="#{applicationMBean.estiloTitulo}">
                        <h:panelGrid id="pgFormFilter" columns="20" cellpadding="10">
                            <h:outputLabel value="#{i18n['general.label.id']}"  styleClass="label"/>                            
                            <p:inputText value="#{planPagoMBean.dtoFiltro.id}" styleClass="txtCampo" size="15"
                                onkeypress="return fn_validaTecla('entero',this);">
                                <f:validateLongRange minimum="0" maximum="999999" />
                            </p:inputText>
                            
                            <h:outputLabel value="#{i18n['general.fecha.desde']}" styleClass="label"/>
                            <p:calendar value="#{planPagoMBean.fechaFiltro.fechaInicio}"  styleClass="txtCampo"
                                        pattern="#{applicationMBean.formatoFecha}">
                                <f:convertDateTime pattern="#{applicationMBean.formatoFecha}"  timeZone="#{applicationMBean.timeZone}"/>
                            </p:calendar>
                            
                            <h:outputLabel value="#{i18n['general.fecha.hasta']}" styleClass="label"/>
                            <p:calendar value="#{planPagoMBean.fechaFiltro.fechaFin}"  styleClass="txtCampo"
                                    pattern="#{applicationMBean.formatoFecha}">
                                <f:convertDateTime pattern="#{applicationMBean.formatoFecha}"  timeZone="#{applicationMBean.timeZone}"/>
                            </p:calendar>
                            
                            <h:outputLabel value="#{i18n['plan.pago.tipo.documento']}" styleClass="label"/>
                            <p:selectOneMenu value="#{planPagoMBean.dtoFiltro.tipoDocumento}"
                                         style="#{applicationMBean.estiloObligatorio}">
                                <f:selectItems value="#{planPagoMBean.siEstadosTipoDoc}"/>
                            </p:selectOneMenu>
                            
                            <h:outputLabel value="#{i18n['general.label.estado']}" styleClass="label"/>
                            <p:selectOneMenu value="#{planPagoMBean.dtoFiltro.estado}"
                                         style="#{applicationMBean.estiloObligatorio}">
                                <f:selectItems value="#{planPagoMBean.siEstadosBusqueda}"/>
                            </p:selectOneMenu>
                        </h:panelGrid>
                        
                        <f:facet name="footer">
                            <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.buscar.filtro.tip']}" accesskey="#{applicationMBean.keyBuscar}"
                                         value="#{i18n['general.button.buscar.filtro']}" ajax="false" 
                                         style="#{applicationMBean.estilosBtnBuscar}" 
                                         actionListener="#{planPagoMBean.buscar}"
                                         rendered="#{sessionMBean.privilegiosOpciones['971']=='true'}">
                                <f:ajax  render="pnlTabla pgFormFilter"/>
                            </p:commandButton>
                            
                            <p:spacer width="20"/>
                            <h:outputText  value="#{planPagoMBean.lista.size()} #{i18n['form.general.mensaje.cantidad.encontrada']}" styleClass="mensaje" rendered="#{planPagoMBean.lista!=null}"/>
                        </f:facet>
                    </p:panel>
                    
                    <p:panel id="pnlTabla" header="#{i18n['general.panel.titulo.busqueda.resultado']}" style="#{applicationMBean.estiloTitulo}" rendered="#{planPagoMBean.lista!=null &amp;&amp; planPagoMBean.lista.size()>0}">
                        <h:panelGrid id="pngTabla" columns="1">
                            <p:dataTable id="tblPrincipal" value="#{planPagoMBean.lista}" var="doc" rowKey="#{doc.id}"
                                        emptyMessage="#{i18n['form.general.mensaje.no.registros']}" styleClass="estiloPanel"
                                        paginator="true" rows="#{sessionMBean.cantidadRegistros}" widgetVar="widTable" paginatorPosition="top"
                                        selection="#{planPagoMBean.selectedPPs}">
                                <p:column selectionMode="multiple" style="width:18px"/>
                                <p:column>                               
                                        <p:commandButton icon="ui-icon ui-icon-pencil" title="#{i18n['general.button.cancelar.tip']}"
                                                        action="#{planPagoMBean.editar}" ajax="false"
                                                        rendered="#{sessionMBean.privilegiosOpciones['972']=='true'}">
                                            <f:setPropertyActionListener value="#{doc}" target="#{planPagoMBean.dto}"/>
                                        </p:commandButton>
                                </p:column>
                                <p:column headerText="#{i18n['general.label.id']}" styleClass="general">
                                    <h:outputText value="#{doc.id}" styleClass="general" />
                                </p:column>                                                                                                                                                                
                                <p:column headerText="#{i18n['plan.pago.proveedor']}" styleClass="general">
                                    <h:outputText value="#{doc.documentoCompraDto.proveedorDto.descripcion}" styleClass="general" rendered="#{doc.documentoCompraDto != null}"/>
                                    <h:outputText value="#{doc.comprobanteCompraDto.proveedorDto.descripcion}" styleClass="general" rendered="#{doc.comprobanteCompraDto != null}"/>
                                </p:column>                                                                                                                                
                                <p:column headerText="#{i18n['plan.pago.doc.transaccion']}" styleClass="general">
                                    <h:outputText value="#{doc.documentoCompraDto.docTransaccionTexto}" styleClass="general" rendered="#{doc.documentoCompraDto != null}"/>
                                    <h:outputText value="#{doc.comprobanteCompraDto.documentoTransaccion}" styleClass="general" rendered="#{doc.comprobanteCompraDto != null}"/>
                                </p:column>                                                                                                
                                <p:column headerText="#{i18n['plan.pago.tipo.documento']}" styleClass="general">                                    
                                    <h:outputText value="#{doc.tipoDocumentoTexto}" styleClass="general"/>
                                </p:column>                                                               
                                <p:column headerText="#{i18n['plan.pago.moneda']}" styleClass="general">
                                    <h:outputText value="#{doc.documentoCompraDto.monedaDto.descripcion}" styleClass="general" rendered="#{doc.documentoCompraDto != null}"/>
                                    <h:outputText value="#{doc.comprobanteCompraDto.monedaDto.descripcion}" styleClass="general" rendered="#{doc.comprobanteCompraDto != null}"/>
                                </p:column>
                                <p:column headerText="#{i18n['plan.pago.a.liquidar']}" styleClass="general" >
                                    <h:outputText value="#{doc.liquidar}" styleClass="general">
                                        <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                    </h:outputText>
                                </p:column>
                                <p:column headerText="#{i18n['plan.pago.pagado']}" styleClass="general" >
                                    <h:outputText value="#{doc.pagado}" styleClass="general">
                                        <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                    </h:outputText>
                                </p:column>
                                <p:column headerText="#{i18n['plan.pago.pendiente']}" styleClass="general" >
                                    <h:outputText value="#{doc.pendiente}" styleClass="general">
                                        <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                    </h:outputText>
                                </p:column>
                                <p:column headerText="#{i18n['plan.pago.fecha.vencimiento']}" styleClass="general" >
                                    <h:outputText value="#{doc.fechaVencimiento}" styleClass="general" >
                                        <f:convertDateTime pattern="#{applicationMBean.formatoFecha}"  timeZone="#{applicationMBean.timeZone}"/> 
                                    </h:outputText>
                                </p:column>
                                <p:column headerText="#{i18n['general.label.estado']}" styleClass="#{dto.inlinestyle}">
                                    <h:outputText value="#{doc.estadoTexto}" styleClass="general"/>
                                </p:column>
                                <p:column headerText="#{i18n['plan.pago.usuario.cancelacion']}" styleClass="general">
                                    <h:outputText value="#{doc.usuarioCancelacionDto.descripcion}" styleClass="general"/>
                                </p:column>
                                <p:column headerText="#{i18n['plan.pago.fecha.cancelacion']}" styleClass="general" >
                                    <h:outputText value="#{doc.fechaCancelacion}" styleClass="general" >
                                        <f:convertDateTime pattern="#{applicationMBean.formatoFecha}"  timeZone="#{applicationMBean.timeZone}"/> 
                                    </h:outputText>
                                </p:column>
                            </p:dataTable>
                        </h:panelGrid>
                        <f:facet name="footer">
                        <p:commandButton title="#{i18n['plan.pago.button.exp_planilla_seleccionados']}" disabled="#{planPagoMBean.lista == null || planPagoMBean.lista.size() == 0}" accesskey="#{applicationMBean.keyGuardar}"
                                         icon="ui-icon ui-icon-arrowthickstop-1-s" 
                                         ajax="true" 
                                         value="#{i18n['plan.pago.button.exp_planilla_seleccionados']}" style="#{applicationMBean.estilosBtnExportarSelecc}"
                                         action="#{planPagoMBean.cargarPopupExportarExcel('S')}"
                                         oncomplete="abrirPopupExp(xhr, status, args)" update=":msgs, :frmExp:pgFormExp"
                                         rendered="#{sessionMBean.privilegiosOpciones['973']=='true'}">                                    
                        </p:commandButton> 

                        <p:commandButton title="#{i18n['plan.pago.button.exp_planilla_por_tabla']}" disabled="#{planPagoMBean.lista == null || planPagoMBean.lista.size() == 0}" accesskey="#{applicationMBean.keyGuardar}"
                                         icon="ui-icon ui-icon-arrowthickstop-1-s" 
                                         ajax="true"
                                         value="#{i18n['plan.pago.button.exp_planilla_por_tabla']}" style="#{applicationMBean.estilosBtnExportarTodos}"
                                         action="#{planPagoMBean.cargarPopupExportarExcel('T')}"
                                         oncomplete="abrirPopupExp(xhr, status, args)" update=":msgs, :frmExp:pgFormExp"
                                         rendered="#{sessionMBean.privilegiosOpciones['974']=='true'}">                                    
                        </p:commandButton>   
                    </f:facet>
                    </p:panel>
                </h:form>
            <p:dialog id="dialogDetalle" header="#{i18n['plan.pago.popup.exp.titulo']}" widgetVar="carDialogExp" resizable="false"  
                      width="450" height="350" modal="true">                  
                <ui:include src="/pages/caja/pagoDC/listaColumnas.xhtml" /> 
            </p:dialog>
        </ui:define>
    </ui:composition>
</html>